$(function() {
	// 设置TAB
	$("#itabs ul").idTabs(function(id){  
		switch (id) {
			case "#orderLogs":
				// 读取日志记录
				$.post("/order/opLogs/opLogsByOrderId.html", {orderId : $("#id").val()}, function(data) {
					var htmlStr = [];
					// TODO 考虑采用前端模板的方式来做
					htmlStr.push('<ul class="timeline">');
					for(var i in data) {
						var d = data[i];
						htmlStr.push('<li>');
						htmlStr.push('<div class="time">'+ d.createTime +'</div>');
						htmlStr.push('<div class="operate">'+ d.operationName +'</div>');
						htmlStr.push('<div class="number"></div>');
						htmlStr.push('<div class="content">'+ d.description +'</div>');
						htmlStr.push('</li>');
					}
					htmlStr.push('</ul>');
					$("#orderLogs").html(htmlStr.join());
					// 设置操作日志时间线
					initLiNodes();
				},"json");
				break;
		}
        return true;  
    });

	// 设置列表的奇偶行样式
	$('.tablelist tbody tr:odd').addClass('odd');
});

/**
 * 初始化时间线，并设置奇偶行的样式
 */
function initLiNodes() {
	var liNodes = $('ul.timeline').find('li'),
		count = liNodes.length,
		i, liNode, leftCount = 0;
	for(i = 0; i < count; i++) {
		liNode = $(liNodes.get(i));
		if(i % 2 !== 0) {
			liNode.addClass('alt');
		} else {
			liNode.removeClass('alt');
		}
		liNode.find('.number').text(leftCount + count - i);
	}
}